<admintpl file="header"/>
</head>
<body>
<div class="wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:U('cookbook/index')}">案例列表</a></li>
        <li><a href="{:U('cookbook/add')}">新增案例</a></li>
        <li class="active"><a>编辑案例</a></li>
    </ul>
    <form method="post" class="form-horizontal js-ajax-form" action="{:U('cookbook/edit_post',array('p'=>$p))}">
        <fieldset>

            <div class="control-group">
                <label class="control-label">名称</label>
                <div class="controls">
                    <input type="text" name="name" value="{$name}"><span class="form-required">*</span>
                    <input type="hidden" name="id" value="{$id}">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">上级分类</label>
                <div class="controls">
                    <select name="classify_pid" onchange="classifyChange(this.value,'sonClassify','0')"><span class="form-required">*</span>
                        <option name="classify_pid" value="0" >请选择一级分类</option>
                        <foreach name="classifys" item="vo">
                            <option name="classify_pid" value="{$vo.id}" {$vo.select}>{$vo.name}</option>
                        </foreach>
                    </select>
                </div>
            </div>
            <!--当一级分类确定了，change事件获取二级分类-->
            <!--<div class="control-group">
                <label class="control-label">二级分类</label>
                <div class="controls">
                    <select name="classify_id" id="sonClassify"><span class="form-required">*</span>
                        <foreach name="sonclassifys" item="vo">
                            <option name="classify_id" value="{$vo.id}" {$vo.classselect}>{$vo.name}</option>
                        </foreach>
                    </select>
                </div>
            </div>-->
            <!--<div class="control-group">
                <label class="control-label">烹饪方法</label>
                <div class="controls">
                    <select name="cooking_id"><span class="form-required">*</span>
                        <option name="cooking_id" value="0" >请选择烹饪方法</option>
                        <foreach name="cookings" item="vo">
                            <option name="cooking_id" value="{$vo.id}" {$vo.cookselected} >{$vo.name}</option>
                        </foreach>
                    </select>
                </div>
            </div>-->
            <div class="control-group">
                <label class="control-label">封面图</label>
                <input type="hidden" name="image" id="thumb" value="{$image}">
                <a href="javascript:upload_one_image('图片上传','#thumb');" style="padding-left:20px">
                    <if condition="empty($image)">
                        <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand"/>
                        <else />
                        <img src="{:sp_get_image_preview_url($image)}" id="thumb-preview" width="135" style="cursor: hand"/>
                    </if>
                </a>
                <input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">

            </div>
            <div class="control-group">
                <label class="control-label">详情页图标</label>
                <input type="hidden" name="video_image" id="thumbs" value="{$video_image}">
                <a href="javascript:upload_one_image('图片上传','#thumbs');" style="padding-left:20px">
                    <if condition="empty($video_image)">
                        <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumbs-preview" width="135" style="cursor: hand"/>
                        <else />
                        <img src="{:sp_get_image_preview_url($video_image)}" id="thumbs-preview" width="135" style="cursor: hand"/>
                    </if>
                </a>
                <input type="button" class="btn btn-small" onclick="$('#thumbs-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumbs').val('');return false;" value="取消图片">

            </div>


            <div class="control-group">
                <label class="control-label">小程序二维码</label>
                <input type="hidden" name="ewm_image" id="thumbss" value="{$ewm_image}">
                <a href="javascript:upload_one_image('图片上传','#thumbss');" style="padding-left:20px">
                    <if condition="empty($ewm_image)">
                        <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumbss-preview" width="135" style="cursor: hand"/>
                        <else />
                        <img src="{:sp_get_image_preview_url($ewm_image)}" id="thumbss-preview" width="135" style="cursor: hand"/>
                    </if>
                </a>
                <input type="button" class="btn btn-small" onclick="$('#thumbss-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumbss').val('');return false;" value="取消图片">

            </div>

            <div class="control-group">
                <label class="control-label">功能介绍图标</label>
                <input type="hidden" name="gn_image" id="thumbsss" value="{$gn_image}">
                <a href="javascript:upload_one_image('图片上传','#thumbsss');" style="padding-left:20px">
                    <if condition="empty($gn_image)">
                        <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumbsss-preview" width="135" style="cursor: hand"/>
                        <else />
                        <img src="{:sp_get_image_preview_url($gn_image)}" id="thumbsss-preview" width="135" style="cursor: hand"/>
                    </if>
                </a>
                <input type="button" class="btn btn-small" onclick="$('#thumbsss-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumbsss').val('');return false;" value="取消图片">
            </div>

            <div class="control-group">
                <label class="control-label">AppID</label>
                <div class="controls">
                    <input type="text" name="app_id" value="{$app_id}"><span class="form-required">*</span>
                </div>
            </div>
            <!--<div class="control-group">
                <label class="control-label">视频地址</label>
                <div class="controls">
                    <input type="text" name="video_url" value="{$video_url}"><span class="form-required">*</span>
                </div>
            </div>-->
            <div class="control-group">
                <label class="control-label">案例简介</label>
                <div class="controls">
                    <textarea name="description"  rows="5" cols="57">{$description}</textarea>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">详情内容</label>
                <div class="controls">
                    <script type="text/plain" id="content" name="content">{$content}</script>
                </div>
            </div>
        </fieldset>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary js-ajax-submit">{:L('ADD')}</button>
            <a class="btn" href="javascript:history.back(-1);">{:L('BACK')}</a>
        </div>
    </form>
</div>
<script src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    $(function() {
        $(".js-ajax-close-btn").on('click', function(e) {
            e.preventDefault();
            Wind.use("artDialog", function() {
                art.dialog({
                    id : "question",
                    icon : "question",
                    fixed : true,
                    lock : true,
                    background : "#CCCCCC",
                    opacity : 0,
                    content : "您确定需要关闭当前页面嘛？",
                    ok : function() {
                        setCookie("refersh_time", 1);
                        window.close();
                        return true;
                    }
                });
            });
        });
        /////---------------------
        Wind.use('validate', 'ajaxForm', 'artDialog', function() {
            //javascript

            //编辑器
            editorcontent = new baidu.editor.ui.Editor();
            editorcontent.render('content');
            try {
                editorcontent.sync();
            } catch (err) {
            }
            //增加编辑器验证规则
            jQuery.validator.addMethod('editorcontent', function() {
                try {
                    editorcontent.sync();
                } catch (err) {
                }
                return editorcontent.hasContents();
            });
            var form = $('form.js-ajax-form');

            //ie处理placeholder提交问题
            if ($.browser && $.browser.msie) {
                form.find('[placeholder]').each(function() {
                    var input = $(this);
                    if (input.val() == input.attr('placeholder')) {
                        input.val('');
                    }
                });
            }

            var formloading = false;
            //表单验证开始
            form.validate({
                //是否在获取焦点时验证
                onfocusout : false,
                //是否在敲击键盘时验证
                onkeyup : false,
                //当鼠标掉级时验证
                onclick : false,
                //验证错误
                showErrors : function(errorMap, errorArr) {
                    //errorMap {'name':'错误信息'}
                    //errorArr [{'message':'错误信息',element:({})}]
                    try {
                        $(errorArr[0].element).focus();
                        art.dialog({
                            id : 'error',
                            icon : 'error',
                            lock : true,
                            fixed : true,
                            background : "#CCCCCC",
                            opacity : 0,
                            content : errorArr[0].message,
                            cancelVal : '确定',
                            cancel : function() {
                                $(errorArr[0].element).focus();
                            }
                        })
                    } catch (err) {
                    }
                },
                //给未通过验证的元素加效果,闪烁等
                highlight : false,
                //是否在获取焦点时验证
                onfocusout : false,
                //验证通过，提交表单
                submitHandler : function(forms) {
                    if (formloading)
                        return;
                    $(forms).ajaxSubmit({
                        url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
                        dataType : 'json',
                        beforeSubmit : function(arr, $form, options) {
                            formloading = true;
                        },
                        success : function(data, statusText, xhr, $form) {
                            formloading = false;
                            if (data.status) {
                                setCookie("refersh_time", 1);
                                //添加成功
                                Wind.use("artDialog", function() {
                                    art.dialog({
                                        id : "succeed",
                                        icon : "succeed",
                                        fixed : true,
                                        lock : true,
                                        background : "#CCCCCC",
                                        opacity : 0,
                                        content : data.info,
                                        button : [ {
                                            name : '继续添加？',
                                            callback : function() {
                                                reloadPage(window);
                                                return true;
                                            },
                                            focus : true
                                        }, {
                                            name : '返回列表页',
                                            callback : function() {
                                                location = "{:U('AdminPost/index')}";
                                                return true;
                                            }
                                        } ]
                                    });
                                });
                            } else {
                                artdialog_alert(data.info);
                            }
                        }
                    });
                }
            });
        });
        ////-------------------------
    });
</script>
<script>
    /**
     * 获取二级的菜品分类
     */
//    function classifyChange(id,next,select_id){
//        var url = '/index.php?g=Admin&m=Cookbook&a=getSonClassify&id='+ id;
//        $.ajax({
//            type : "GET",
//            url  : url,
//            error: function(request) {
//                alert("服务器繁忙, 请联系管理员!");
//                return;
//            },
//            success: function(v) {
//                v = "<option value='0'>请选择二级分类</option>" + v;
//                $('#'+next).empty().html(v);
//                (select_id > 0) && $('#'+next).val(select_id);//默认选中
//            }
//        });
//    }
</script>
</body>
</html>